<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>groupware</title>
		<link rel="stylesheet" href="css/dbwjd.css" />
		<link rel="stylesheet" href="css/dimmed.css"/>
		<script  src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript" src="js/dimmed.js"></script>
	</head>
	<body style="padding-left:4px;padding-right:6px;">
		<div class="content_box">
			<div class="content">
				<div class="title_bar">
					<h2 class="title"><span> 개인주소록 </span></h2>
				</div>

				<div class="quick_add">
					<span class="quick_add_ttl">빠른추가</span>
					<input type="text" size="12" value="이름" onfocus="value=" ""="" class="inp_txt">
					<input type="text" size="26" value="이메일" onfocus="value=" ""="" class="inp_txt">
					<input type="text" size="16" value="휴대폰" onfocus="value=" ""="" class="inp_txt">
					<div class="basic_selct">
						<a href="#">그룹추가</a>
					</div>
					<a href="#" class="basic_btn"> <span>주소추가</span> </a>
				</div>
				
				<div class="filter_area">
		            <ul class="word_thmb">
		                <li><a href="#" title="전체" class="select"><span>전체</span></a></li>
		                <li><a href="#" title="ㄱ"><span>ㄱ</span></a></li>
		                <li><a href="#" title="ㄴ"><span>ㄴ</span></a></li>
		                <li><a href="#" title="ㄷ"><span>ㄷ</span></a></li>
		                <li><a href="#" title="ㄹ"><span>ㄹ</span></a></li>
		                <li><a href="#" title="ㅁ"><span>ㅁ</span></a></li>
		                <li><a href="#" title="ㅂ"><span>ㅂ</span></a></li>
		                <li><a href="#" title="ㅅ"><span>ㅅ</span></a></li>
		                <li><a href="#" title="ㅇ"><span>ㅇ</span></a></li>
		                <li><a href="#" title="ㅈ"><span>ㅈ</span></a></li>
		                <li><a href="#" title="ㅊ"><span>ㅊ</span></a></li>
		                <li><a href="#" title="ㅋ"><span>ㅋ</span></a></li>
		                <li><a href="#" title="ㅌ"><span>ㅌ</span></a></li>
		                <li><a href="#" title="ㅍ"><span>ㅍ</span></a></li>
		                <li><a href="#" title="ㅎ"><span>ㅎ</span></a></li>
		                <li><a href="#" title="A~Z"><span>A~Z</span></a></li>
		                <li><a href="#" title="0~0"><span>0~9</span></a></li>
		            </ul>			            
		       </div>
		       
				<div class="srch_area">
					<fieldset class="search">
						<legend>검색</legend>
						<select id="search_type" name="search_type">
							<option value="0" selected="">이름</option>
							<option value="1">회사명</option>
							<option value="2">전화번호</option>
						</select>
						<input type="text" id="search_term" name="search_term" size="15" style="IME-MODE: ACTIVE" value="" onKeyPress="if(event.keyCode == 13){search();}" />
          				<a onfocus="blur();" href="javascript:search()" title="검색" class="srch_btn">검색</a>
          				<a onfocus="blur();" href="javascript:search()" title="검색" class="srch_btn">상세검색</a>
					</fieldset>
				</div>
		
		<!-- dimmed start layer1-->	
		<!--
		<div class="layer">
					<div class="bg"> </div>
					<div class="layer_area">
						<p style="width:400px; text-align:justify; font-family:Malgun gothic;">
							��寃껋� �앹뾽李쎌엯�덈떎. �⑤뒗 �덉씠�댁쓽 �ш린���곴��놁씠 ��긽 媛�슫���ㅺ쾶 �묒뾽�섏��듬땲�� �꾪걧癒쇳듃蹂대떎 ��寃쎌슦�먮뒗 醫뚯륫/�곷떒��怨좎젙�섍쾶 �섏��듬땲��
						</p>
						<br />
						<span class="button medium"><a href="#" id="layer_close">�앹뾽李��リ린</a></span>
					</div>
				</div>-->
		
		
		
		
		<div id="pop_wrap" style="min-width:250px;" class="layer">
			<div class="bg"> </div>
		
		<!--pop_container Start-->
		<div id="pop_container" class="layer_area">
			<h1>
		    	<p>결재암호</p>
			</h1>
		    <div id='pop_contents'>
				<form name="aform" method='post' enctype="multipart/form-data" onsubmit="return fncVerify();">	
					<!--
					
										<div class="pop_pw">
											<span>寃곗옱�뷀샇</span>
											<input type="password" name="password" id="IDC_PASSWORD_CONTROL" size="70" onkeydown="return ckeckKey();"/>
										</div>				
										-->
					
					
					<table class="basic_table" width="100%" summary="寃곗옱�뷀샇">
						<caption> </caption>
						<tbody>
							<tr>
								<th width="30%">결재 암호</th>
								<td>
									<input type="password" name="password" id="IDC_PASSWORD_CONTROL" style="width:98%" onkeydown="return ckeckKey();"/>
								</td>
							</tr>	
						</tbody>
					</table>	
									
				</form>
			</div>
			<div id="pnlIndicator" class="indicator"> </div>			
			<!--//pop_container End-->
			<!-- footcen Start -->
			<div class="footcen">
				<ul class="btns">
					<li><span><a href="#a" onclick="" class="layer_close">확인</a></span></li>
					<li><span><a href="#a" onclick="" class="layer_close" id="layer_close">취소</a></span></li>
				</ul>
			</div>
			<!--//footcen End-->
		</div>
		
	</div>
		<!-- dimmed end -->
					
		<!-- 버튼영역 -->
        <div class="btn_area">
            <ul class="btns">
                <li><a href="#"><span>새주소</span></a></li>
                <li><a href="#"><span>그룹관리</span></a></li>
                <li><a href="#"><span>삭제</span></a></li>
                <li><a href="#"><span>편지쓰기</span></a></li>
                <li><a href="#"><span>그룹에추가</span></a>
                <li class="group"><a href="#" class="btn_lft">가져오기</a>
                <li><a href="#" class="btn_rgt">내보내기</a> 
                <li><a href="#" class="layer_open"><span>레이어팝업1</span></a>
               	<li><a href="SOMS_SMS_new_or_revision_popup_addmore.html" target="_blank"><span>레이어팝업2</span></a>
                    <!-- 그룹리스트 -->
                    <div class="group_box" style="display: none;">
                        <ul class="group_lst no_check">
                            <!-- 체크박스 숨김 : class="group_lst no_check" -->
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                            <li>
                                <input type="checkbox" name="input" class="inchk">
                                <span>그룹명</span></li>
                        </ul>
                        <p class="add_group" style="display: none">
                            <input type="text" size="15" value="그룹명입력" onFocus=value= "" class="inp_txt" />
                            <span class="btn_small"><a href="#">추가</a></span> </p>
                        <ul class="btns_s" style="display: none">
                            <li><span class="btn_small"><strong><a href="#">확인</a></strong></span></li>
                            <li><span class="btn_small"><a href="#">취소</a></span></li>
                        </ul>
                    </div>
                    <!-- //그룹리스트 --></li>
            </ul>
            <div class="section_r">
                <ul class="lst_option">
                    <li>
                        <select name="list_per_page" id="list_per_page" onchange="per_page()">
                            <option value="15" selected>15adfadf</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                        </select>
                    </li>
                    <li>
                        <select name="list_per_page" id="list_per_page" onchange="per_page()">
                            <option value="15" selected>15</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                        </select>
                    </li>
                </ul>
                <ul class="btn_icons">
                    <li class="btn_divider"></li>
                    <li><a onfocus="blur();" href="javascript:prev()" title="이전페이지" class="btn_lft"><img src="images/btn_before.gif" alt="이전페이지"></a></li>
                    <li class="group"><a onfocus="blur();" href="javascript:next()" title="다음페이지" class="btn_rgt"><img src="images/btn_next.gif" alt="다음페이지"></a></li>
                    <li class="btn_divider"></li>
                    <li><a onfocus="blur();" href="javascript:excel()" title="EXCEL보기"><img src="images/btn_excel.gif" alt="EXCEL보기"></a></li>
                    <li><a onfocus="blur();" href="javascript:reload()" title="새로고침"><img src="images/btn_reload.gif" alt="새로고침"></a></li>
                </ul>
            </div>
        </div>
        <!-- //버튼영역 --> 		
					
					
					
					
			<table border="0" cellspacing="0" cellpadding="0" class="content_lst">
	            <col width="30px">
	            <col width="100px">
	            <col width="">
	            <col width="13%">
	            <col width="15%">
	            <col width="13%">
	            <col width="40px">
	            <col width="40px">
	            <tr>
	                <th scope="col" class="input_chk"> <input type="checkbox" name="" class="inchk">
	                <th scope="col" class="cen"> <!-- 오름차순ascendent / 내림차순descend --> 
	                    <a href="#" class="descend">이름</a> </th>
	                <th scope="col" class="cen">이메일</th>
	                <th scope="col" class="cen">휴대전화번호</th>
	                <th scope="col" class="cen">회사명</th>
	                <th scope="col" class="cen">회사전화번호</th>
	                <th scope="col" class="cen">메모</th>
	                <th scope="col" class="cen"> <a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a> </th>
	            </tr>
	            <tbody>
	                <tr>
	                    <td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
	                    <td>최희선</td>
	                    <td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
	                    <td>010-1234-5678</td>
	                    <td><a href="#" title="회사정보">핸디소프트</a></td>
	                    <td>070-4483-9000</td>
	                    <td class="cen"><img src="images/ico_memo.gif" alt="메모" width="11" height="12"></td>
	                    <td class="cen"><a href="#"><img src="images/btn_share_on.gif" width="34" height="14"></a></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
	                    <td>최희선</td>
	                    <td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
	                    <td>010-1234-5678</td>
	                    <td><a href="#" title="회사정보">핸디소프트</a></td>
	                    <td>070-4483-9000</td>
	                    <td class="cen"></td>
	                    <td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"><input type="checkbox" name="" class="inchk"></td>
	                    <td>최희선</td>
	                    <td><a href="#" title="편지쓰기" class="email">bizdarl@handysoft.co.kr<span class="arr_go"></span></a></td>
	                    <td>010-1234-5678</td>
	                    <td><a href="#" title="회사정보">핸디소프트</a></td>
	                    <td>070-4483-9000</td>
	                    <td class="cen"></td>
	                    <td class="cen"><a href="#"><img src="images/btn_share_off.gif" width="34" height="14"></a></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	                <tr>
	                    <td class="input_chk"></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td></td>
	                    <td class="cen"></td>
	                    <td class="cen"></td>
	                </tr>
	            </tbody>
	        </table>	
					
			<!-- 버튼영역 -->
	        <div class="paginate_area"> 
	            <!-- 페이지네이션 -->
	            <div class="Paginate">
	            	<span class="num txt">First</span>
	            	<span href="#" class="css_arr"><span class="arr_l"></span></span>
	            	<span class="num now">1</span><a href="javascript:;" onclick="go_page(2)" onfocus="blur();"> 
	            	<span class="num">2</span></a><a href="javascript:;" onclick="go_page(3)" onfocus="blur();"> 
	            	<span class="num">3</span></a><a href="javascript:;" onclick="go_page(4)" onfocus="blur();"> 
	            	<span class="num">4</span></a><a href="javascript:;" onclick="go_page(5)" onfocus="blur();"> 
	            	<span class="num">5</span></a><a href="javascript:;" onclick="go_page(6)" onfocus="blur();"> 
	            	<span class="num">6</span></a>
	            	<a href="#" class="css_arr"><span class="arr_r"></span></a>
	            	<a href="#"><span class="num txt">Last</span></a>
	                <input id="target_page" name="target_page" class="inp_txt" maxlength="3" value="1" onkeypress="if(event.keyCode == 13){go_page(this.value);}">
	                <span class="page_all">/ 6</span>
	                <a href="#" hidefocu="" onfocus="blur();" onclick="go_page($('target_page').value)">
	                <span class="num"  id="gotopage">이동</span></a>
	            </div>
	            <!-- //페이지네이션 --> 
	        </div>
	        <!-- //버튼영역 --> 
        	
        	<!-- 버튼영역 -->
	        <div class="paginate_area2"> 
	            <!-- 페이지네이션 -->
	            <div class="Paginate2">
	            	<span class="num2 txt2">First</span>
	            	<span href="#" class="css_arr2"><span class="arr_l2"></span></span>
	            	<span class="num2 now2">1</span><a href="javascript:;" onclick="go_page(2)" onfocus="blur();"> 
	            	<span class="num2">2</span></a><a href="javascript:;" onclick="go_page(3)" onfocus="blur();"> 
	            	<span class="num2">3</span></a><a href="javascript:;" onclick="go_page(4)" onfocus="blur();"> 
	            	<span class="num2">4</span></a><a href="javascript:;" onclick="go_page(5)" onfocus="blur();"> 
	            	<span class="num2">5</span></a><a href="javascript:;" onclick="go_page(6)" onfocus="blur();"> 
	            	<span class="num2">6</span></a>
	            	<a href="#" class="css_arr2"><span class="arr_r2"></span></a>
	            	<a href="#"><span class="num2 txt2">Last</span></a>
	                <input id="target_page" name="target_page" class="inp_txt" maxlength="3" value="1" onkeypress="if(event.keyCode == 13){go_page(this.value);}">
	                <span class="page_all2">/ 6</span>
	                <a href="#" hidefocu="" onfocus="blur();" onclick="go_page($('target_page').value)">
	                <span class="num2"  id="gotopage">이동</span></a>
	            </div>
	            <!-- //페이지네이션 --> 
	        </div>
	        <!-- //버튼영역 --> 
        	
        	
		</div>
		
		</div>
	</body>
</html>

